<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <meta name="wechat-enable-text-zoom-em" content="true">
    <title>下单预约</title>
    <link rel="stylesheet" href="css/weui.min.css">
    <link rel="stylesheet" href="css/example.css">
    <style>
        .weui-form{
            background: #cecece;
        }
        .weui-cells{
            background: #fff;
            color: #000;
        }
        .weui-cells div{
            color: #000;
            font-size: 12px;
            margin-left: 0px !important;
margin-right: 0px !important;

        }
        .weui-cell_select .weui-cell__bd::after{
            color: hsla(0, 0%, 0%, 0.52) !important;
        }
        .weui-cell.weui-cell_active.weui-cell_select{
            height: 44px;
        }
        .weui-form__control-area{
            margin-top: 0px;
        }
        .weui-form{
            padding-top: 0px;
        }
    </style>

    <style>
    .pro_type_grid .pro_item{
        width: calc(50% - .21rem * 2);
    }
    .header-search-txt{
        padding-left: 24px;
padding-right: 10px;
        width: 100%;
        background: #dddcdc;
       /* margin-left: 10px;
        margin-right: 10px;*/
        height: 25px;
        border-radius: 50px;
    }
    .page-header-background.header-title{
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        line-height: 44px;
    }
    .pro_item .cover .photo{
        height:30px !important
    }
    .pro_item .cover{
        text-align: center;
    }
    .pro_item .item_inner{
        display: grid;
        grid-template-rows: auto auto;
        margin-bottom: 5px;
        background: #fff;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 55px;
    }
    .pro_item div{
        text-align: center;
        font-size: 13px;
    }
    body{
        background: #eee;
        height: 100%;
    }
    .pro_item{
        display: grid;
grid-template-columns: auto auto;
grid-column-gap: 5px;
    }
    .page-header-background.header-title{
        background: #40af41;
    }
    .p1{
        padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
background: #fff;
padding-top: 6px;
margin-top: -6px;
    }
    .p2{
        margin-left: 10px;
margin-right: 10px;
font-size: 10px;
text-align: center;
margin-bottom: 10px;

    }
    .c1{
        color: #888;
    }
    .d3{
        margin-bottom: 10px;
margin-top: 10px;
    }
    .d4{
        text-align: center;
        margin-bottom: 30px;
        position: fixed;
bottom: 10px;
width: 100%;
    }
    .but-lx{
    border: none;
width: 70%;
background: #f08818;
color: #fff;
line-height: 30px;
  border-radius: 50px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #40af41 !important;
}
.swiper-pagination-bullet{
    width: 5px !important;
height: 5px !important;
border-radius: 50px !important;
background: #888 !important;
}
.fb.fb-user{
    background-image: url(../images/user2.png) !important;
    background-position: 0 0 !important;
}
.fb.fb-home{
    background-image: url(../images/home2.png) !important;
    background-position: 0 0 !important;
}
.nav-controller{
    color:#888 !important
}
.nav-controller.active{
    color:#40af41 !important
}
.weui-cell-bor {
    border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #cecece;
}
.b-d1{
    padding-left: 10px;
    padding-right: 10px;
    grid-column-gap: 10px;
    display: grid;
grid-template-columns: 5px auto;
}
.b-d1-1{
    background: #40af41;
}
.b-r-1{
    display: grid;
grid-template-rows: 14px auto 14px;
height: 44px;
    line-height: 16px;
}
.page.home .weui-cell {
/*  padding-left: 10px !important;
  padding-right: 10px !important;*/
}
.weui-select {
    padding-left: 0px !important;
    
/*    padding-right: 0px !important;*/
}
.weui-select.p{
    text-align: right;
}
.weui-cell__hd,.weui-cell__hd{
padding-left: 0px !important;
}
.weui-input::placeholder{
color:#000 !important;
text-align: right;
}
.b-r-20{
    padding-right: 30px;
}
.weui-input {
    text-align: right;
}
.weui-cell__bd .weui-select{
    text-align: right;
}
.weui-cell-bor{
    background: #fff;
}

.hei1{
    height: 10px;
    background: #cecece;
    width: 100%;
}
.hei2{
    height: 44px;
    line-height: 44px;
    width: 100%;
    text-align: center;
}
.hei2-1{
    height: 44px;
    line-height: 44px;
    width: 100%;
}
.weui-switch-cp__input:checked + .weui-switch-cp__box, .weui-switch-cp__input[aria-checked="true"] + .weui-switch-cp__box, .weui-switch:checked{
    height: 20px;
}
.weui-cell_select-before .weui-cell__hd::before{
    display: none !important;
}

.weui-cell__ft input{
    display: none !important;

}
.weui-icon-checked.active{
    background: #fff !important;
    border-color: #40af41;
}
.weui-icon-checked{
    
    border-radius: 50px ;
    border-left-width: 7px;
border-left-style: solid;
border-top-width: 7px;
border-top-style: solid;
border-right-style: solid;
border-bottom-width: 7px;
border-bottom-style: solid;

border-right-width: 7px;
width: 12px !important;
height: 12px !important;
margin-bottom: 10px;
border-color: #eee;
}
.weui-cell__ft{
    text-align: center;
}

.weui-cell__ft .active{
    color: #40af41;
}
.weui-cell__ft div{
    color: #000;
}



.weui-switch, .weui-switch-cp__box{
    background-color: hsl(0, 0%, 80.8%) ;
}
.weui-cell.weui-cell_active.weui-cell_switch{
    padding-top: 8px;
padding-bottom: 6px;
}
.weui-switch, .weui-switch-cp__box{
    height: 27px !important;
    width: 47px !important;
}
.weui-switch-cp__box::after, .weui-switch::after{
    width: 23px !important;
height: 23px !important;
}
.hei2-1 .none{
    display: none;
}

.page-header-background.header-title{
    position: fixed;
top: 0px;
width: 100%;
z-index: 999;
}
.container{
    top: 44px;
}

</style>


<script src="js/citydata.js"></script>
<script  src="js/_config.json"></script>

</head>
<body ontouchstart>



    <script type="text/javascript">window.__wxWebEnv&&(document.body.style.webkitTextSizeAdjust=JSON.parse(window.__wxWebEnv.getEnv()).fontScale+"%")</script>
    <span aria-hidden="true" id="js_a11y_comma" class="weui-hidden_abs">，</span>
    <div role="alert" class="weui-toptips weui-toptips_warn js_tooltips">错误提示</div>
    <div class="container" id="container"></div>
    <script type="text/html" id="tpl_home">



    <div class="page">
        
        <div class="page-header-background header-title">
            <a href="/"><div style="position: absolute;padding-top: 5px;padding-left: 5px;"><img style="height: 20px;" src="images/return.png"></div></a>
            <div>下单预约</div>
        </div>
  <div class="weui-form">
    <div class="weui-form__bd">
      
      <div class="weui-form__control-area">


        <div class="weui-cells__group weui-cells__group_form">




          <div class="weui-cells">

<div class="b-r-1 weui-cell-bor">
    <div></div>
    <div class="b-d1">
        <div class="b-d1-1"></div>
        <div>宠物信息</div>
    </div>
    <div></div>
</div>



<div id="showPicker1" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after weui-cell-bor">
              <div class="weui-cell__hd"><label class="weui-cell__hd">宠物类型</label></div>
              <div class="weui-cell__bd"><div id="chwtype" class="weui-select p">请选择</div></div>
            </div>

<div class="weui-cell weui-cell_active weui-cell_select weui-cell_select-before weui-cell-bor">
              <div class="weui-cell__hd" id="" role="button" aria-haspopup="listbox">
                <div class="weui-select">宠物品种</div></div>
              <div class="weui-cell__bd weui-flex b-r-20">
                <input id="chwpingzhong" class="weui-input " type="text" placeholder="请输入宠物品种" value=""/>
              </div>
            </div>

<div id="showPicker2" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after weui-cell-bor">
              <div class="weui-cell__hd"><label class="weui-cell__hd">宠物重量</label></div>
              <div class="weui-cell__bd"><div id="chwzhong" class="weui-select p">请选择</div></div>
            </div>



<div class="weui-cell weui-cell_active weui-cell_select weui-cell_select-before weui-cell-bor">
              <div class="weui-cell__hd" id="" role="button" aria-haspopup="listbox"><div class="weui-select">宠物数量</div></div>
              <div class="weui-cell__bd weui-flex b-r-20">
                <input id="chwshuli" class="weui-input " type="text" placeholder="" value="1"/>
              </div>
            </div>

<div id="showPicker3" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after weui-cell-bor">
              <div class="weui-cell__hd"><label class="weui-cell__hd">是否有笼子</label></div>
              <div class="weui-cell__bd"><div id="chwlong" class="weui-select p">没有</div></div>
            </div>



<div style="background: #cecece;width: 100%;height: 10px;">&nbsp;</div>

<div class="b-r-1 weui-cell-bor">
    <div></div>
    <div class="b-d1">
        <div class="b-d1-1"></div>
        <div>寄宠人</div>
    </div>
    <div></div>
</div>

<div id="showPicker10" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after weui-cell-bor">
              <div class="weui-cell__hd"><label class="weui-cell__hd">寄宠城市</label></div>
              <div class="weui-cell__bd"><div id="chwjicity" class="weui-select p">请选择</div></div>
            </div>
<!--  -->
<div class="weui-cell weui-cell_active weui-cell_select weui-cell_select-before weui-cell-bor">
              <div class="weui-cell__hd" id="" role="button" aria-haspopup="listbox">
                <div class="weui-select">姓名</div></div>
              <div class="weui-cell__bd weui-flex b-r-20">
                <input id="chwjinickname" class="weui-input " type="text" placeholder="请输入寄宠人姓名" value=""/>
              </div>
            </div>


<div class="weui-cell weui-cell_active weui-cell_select weui-cell_select-before weui-cell-bor">
              <div class="weui-cell__hd" id="" role="button" aria-haspopup="listbox">
                <div class="weui-select">电话</div></div>
              <div class="weui-cell__bd weui-flex b-r-20">
                <input id="chwjiphone" class="weui-input " type="text" placeholder="请输入寄宠人电话" value=""/>
              </div>
            </div>


<div style="background: #cecece;width: 100%;height: 10px;">&nbsp;</div>

<div class="b-r-1 weui-cell-bor">
    <div></div>
    <div class="b-d1">
        <div class="b-d1-1"></div>
        <div>收宠人</div>
    </div>
    <div></div>
</div>



<div id="showPicker11" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after weui-cell-bor">
              <div class="weui-cell__hd"><label class="weui-cell__hd">收宠城市</label></div>
              <div class="weui-cell__bd"><div id="chwshoujiguo" class="weui-select p">请选择</div></div>
            </div>


<div class="weui-cell weui-cell_active weui-cell_select weui-cell_select-before weui-cell-bor">
              <div class="weui-cell__hd" id="" role="button" aria-haspopup="listbox">
                <div class="weui-select">姓名</div></div>
              <div class="weui-cell__bd weui-flex b-r-20">
                <input id="chwshoujinickname" class="weui-input " type="text" placeholder="请输入收宠人姓名" value=""/>
              </div>
            </div>


<div class="weui-cell weui-cell_active weui-cell_select weui-cell_select-before weui-cell-bor">
              <div class="weui-cell__hd" id="" role="button" aria-haspopup="listbox">
                <div class="weui-select">电话</div></div>
              <div class="weui-cell__bd weui-flex b-r-20">
                <input id="chwshoujiphone" class="weui-input " type="text" placeholder="请输入收宠人电话" value=""/>
              </div>
            </div>

<div class="hei1"></div>

<div class="b-r-1 weui-cell-bor">
    <div></div>
    <div class="b-d1">
        <div class="b-d1-1"></div>
        <div>运输方式</div>
    </div>
    <div></div>
</div>

<div class="weui-cells weui-cells_radio weui-cell-bor" style="display: grid;grid-template-columns: 25% 25% 25% 25%;">
    <div style="text-align: center;">
              <label class="weui-cell weui-cell_active weui-check__label" style="display:grid;grid-template-columns: auto 48px auto;" for="x11">
                 <div></div>
                  <div class="weui-cell__ft"  style="position: relative;padding-left: 0px;">
                      <input type="radio" class="" style="position:absolute;width: 20px;
height: 20px;right: 14px;" name="radio1" id="x11"/>
                      <span id="xz1" onclick="xz(1)" class="weui-icon-checked active" style="background: aliceblue;
"></span>
                      <div id="xzd1" class="active" style="white-space: nowrap;">专线</div>
                  </div>
                  <div></div>
              </label>
              
          </div>
          <div style="text-align: center;">
              <label class="weui-cell weui-cell_active weui-check__label" style="display:grid;grid-template-columns: auto 30px auto;" for="x12">

                    <div></div>
                  <div class="weui-cell__ft"  style="position:relative;padding-left: 0px;">
                      <input type="radio" name="radio1" style="position:absolute;width: 20px;
height: 20px;" class="" id="x12" checked="checked"/>
                      <span id="xz2" onclick="xz(2)" class="weui-icon-checked " style="background: aliceblue;
"></span>
                      <div id="xzd2" style="white-space: nowrap;">单飞</div>
                  </div>
                  <div></div>
              </label>
             
          </div>
          <div style="text-align: center;">
              <label class="weui-cell weui-cell_active weui-check__label" style="display:grid;grid-template-columns: auto 30px auto;" for="x12">

                    <div></div>
                  <div class="weui-cell__ft"  style="position:relative;padding-left: 0px;">
                      <input type="radio" name="radio1" style="position:absolute;width: 20px;
height: 20px;" class="" id="x12" checked="checked"/>
                      <span id="xz3" onclick="xz(3)" class="weui-icon-checked" style="background: aliceblue;
"></span>
                      <div id="xzd3" style="white-space: nowrap;">随机</div>
                  </div>
                  <div></div>
              </label>
             
          </div>
          <div style="text-align: center;">
              <label class="weui-cell weui-cell_active weui-check__label" style="display:grid;grid-template-columns: auto 30px auto;" for="x12">

                    <div></div>
                  <div class="weui-cell__ft"  style="position:relative;padding-left: 0px;">
                      <input type="radio" name="radio1" style="position:absolute;width: 20px;
height: 20px;" class="" id="x12" checked="checked"/>
                      <span id="xz4" onclick="xz(4)" class="weui-icon-checked" style="background: aliceblue;
"></span>
                      <div id="xzd4" style="white-space: nowrap;">客车</div>
                  </div>
                  <div></div>
              </label>
             
          </div>
</div>


<div id="msg-01" class="hei2">全程空调,专人照顾,旅途安全有保障</div>
<div class="hei1"></div>


<div class="b-r-1 weui-cell-bor">
    <div></div>
    <div class="b-d1">
        <div class="b-d1-1"></div>
        <div>增值服务</div>
    </div>
    <div></div>
</div>


<!-- <div class="weui-cells weui-cells_checkbox">
              <label class="weui-cell weui-cell_active weui-check__label" for="s11">
                  <div class="weui-cell__hd">
                      <input type="checkbox" class="weui-check" name="checkbox1" id="s11" checked="checked"/>
                      <i class="weui-icon-checked"></i>
                  </div>
                  <div class="weui-cell__bd">
                      <p>standard is dealt for u.</p>
                  </div>
              </label>
          </div> -->


<div style="padding-left: 10px;padding-right: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-color: #cecece;">
    <div class="hei2-1" style="display:grid;grid-template-columns:auto 45px;">
        <div style="">
            <div style="font-size: 12px;">上门接宠 <span style="font-size:10px;color: #40af41b5;">上门接送费用咨询客服</span></div>
        </div>

            
        <div style="padding-left: 20px;
padding-right: 0px;padding-top: 10px;">
            <div class="none" id="img11" onclick="openid(11)" style="border-radius: 50px;padding-top: 0px;height: 25px;">
                <img  style="height:25px;width:25px;" src="images/yes.png">
            </div>
            <div id="img12" onclick="openid(12)" style="border-radius: 50px;padding-top: 0px;height: 25px;">
                <img  style="height:25px;width:25px" src="images/quan.png">
            </div>
     
          
        </div>

        
    </div>
</div>

<div style="padding-left: 10px;padding-right: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-color: #cecece;">
    <div class="hei2-1" style="display:grid;grid-template-columns:auto 45px;">
        <div style="">
            <div style="font-size: 12px;">上门送宠 <span style="font-size:10px;color: #40af41b5;">上门接送费用咨询客服</span></div>
        </div>

            
        <div style="padding-left: 20px;
padding-right: 0px;padding-top: 10px;">
            <div class="none" id="img21" onclick="openid(21)" style="border-radius: 50px;padding-top: 0px;height: 25px;">
                <img  style="height:25px;width:25px;" src="images/yes.png">
            </div>
            <div id="img22" onclick="openid(22)" style="border-radius: 50px;padding-top: 0px;height: 25px;">
                <img  style="height:25px;width:25px" src="images/quan.png">
            </div>

         
        </div>



        
    </div>
</div>

<div style="padding-left: 10px;padding-right: 10px;border-bottom-width: 1px;border-bottom-style: solid;border-color: #cecece;">
    <div class="hei2-1" style="display:grid;grid-template-columns:auto 45px;">
        <div style="">
            <div style="font-size: 12px;">购买笼子或航空箱 <span style="font-size:10px;color: #40af41b5;">根据重量自动匹配</span></div>
        </div>

            
        <div style="padding-left: 20px;
padding-right: 0px;padding-top: 10px;">
            <div class="none" id="img31" onclick="openid(31)" style="border-radius: 50px;padding-top: 0px;height: 25px;">
                <img  style="height:25px;width:25px;" src="images/yes.png">
            </div>
            <div id="img32" onclick="openid(32)" style="border-radius: 50px;padding-top: 0px;height: 25px;">
                <img  style="height:25px;width:25px" src="images/quan.png">
            </div>
        
        </div>



        
    </div>

</div>





<div class="hei1"></div>

<div class="b-r-1 weui-cell-bor" style="display:block;">

    <div class="weui-cells weui-cells_checkbox b-d1" style="grid-template-columns: 5px auto 47px;">
        <div class="b-d1-1" style="background: #fff;padding-top: 5px;
padding-bottom: 5px;display: grid;grid-template-rows: auto 16px auto;">
            <div></div>
            <div class="b-d1-1" style="background: #40af41;height: 100%;"></div>
            <div></div>
        </div>
        <div  style="line-height: 44px;color: red;"><a style="color: red;" href="xy.html">本人同意并接受《平台交易条款》</a></div>
        
        <div>
            <label for="switchCP" style="padding-left: 0px;
        padding-right: 0px;" class="weui-cell weui-cell_active weui-cell_switch">
              
              <div class="weui-cell__ft"  style="padding-left: 0px;">
                      <span class="weui-switch-cp">
                          <input id="switchCP" aria-labelledby="cp_txt" class="weui-switch-cp__input" type="checkbox" />
                          <div class="weui-switch-cp__box"></div>
                      </span>
              </div>
          </label>
        </div>
        
    </div>
    
</div>







            

            

           
          </div>
        </div>
      <!--   <div class="weui-cells__group" style="display: none;">
          <div class="weui-cells">
            <div class="weui-cell weui-cell_active weui-cell_select" role="button" aria-haspopup="listbox" id="showDatePicker">
              <div class="weui-cell__bd"><div class="weui-select">日期</div></div>
            </div>
            <div class="weui-cell weui-cell_active weui-cell_select weui-cell_select-before">
              <div class="weui-cell__hd" id="showPhone" role="button" aria-haspopup="listbox"><div class="weui-select">+86</div></div>
              <div class="weui-cell__bd">
                <input id="js_input1" class="weui-input" type="number" pattern="[0-9]*" placeholder="请输入号码" value="12345678907"/>
              </div>
            </div>
            <div id="showPicker" role="button" aria-haspopup="listbox" class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
              <div class="weui-cell__hd"><label class="weui-label">票种</label></div>
              <div class="weui-cell__bd"><div class="weui-select">的士票</div></div>
            </div>
          </div>
        </div> -->

<div class="p2 c1" style="margin-top: 15px;">

    <div>客服工作时间：9:00~18:00，若有回复不及时，请耐心等待，客服会在上班后第一时间联系您！</div>
</div>


<div class="" style="text-align: center;
line-height: 30px;
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
">
    <a href="javascript:;" role="button" id="showToast" class="">
        <div style="color:#fff;width: 100%;background: #40af41;border-radius: 50px;" >
            提交订单
        </div>
    </a>
</div>


<div role="alert" id="toast" style="display: none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast__wrp">
          <div class="weui-toast">
              <i class="weui-icon-success-no-circle weui-icon_toast"></i>
              <p class="weui-toast__content">已完成</p>
          </div>
        </div>
    </div>


<div role="alert" id="warnToast" style="display: none;">
    <div class="weui-mask_transparent"></div>
    <div class="weui-toast__wrp">
        <div class="weui-toast">
            <i class="weui-icon-warn weui-icon_toast"></i>
            <p class="weui-toast__content">必填项不能为空</p>
        </div>
    </div>
</div>


<div role="alert" id="warnToast1" style="display: none;">
    <div class="weui-mask_transparent"></div>
    <div class="weui-toast__wrp">
        <div class="weui-toast">
            <i class="weui-icon-warn weui-icon_toast"></i>
            <p class="weui-toast__content">请阅读并同意《宠物运输协议》</p>
        </div>
    </div>
</div>

<div role="alert" id="warnToast2" style="display: none;">
    <div class="weui-mask_transparent"></div>
    <div class="weui-toast__wrp">
        <div class="weui-toast">
            <i class="weui-icon-warn weui-icon_toast"></i>
            <p class="weui-toast__content">请先登录</p>
        </div>
    </div>
</div>



      </div>
    </div>
  </div>
</div>
<!--
<div class="page">
    <div class="page__hd">
        <h1 class="page__title">Picker</h1>
        <p class="page__desc">多列选择器，需要配合js实现</p>
    </div>
    <div class="page__bd page__bd_spacing">
        <a href="javascript:" role="button" class="weui-btn weui-btn_default" id="showPicker">单列选择器</a>
        <a href="javascript:" role="button" class="weui-btn weui-btn_default" id="showDatePicker">日期选择器</a>
    </div>
</div>
-->
<script type="text/javascript">
    
    $(function(){
        var $toast = $('#toast');
        var $warnToast =$("#warnToast");
        var $warnToast1 =$("#warnToast1");
        var $warnToast2 =$("#warnToast2");
        $('#showToast').on('click', function(){
            if ($toast.css('display') != 'none') return;

            var token=localStorage.getItem("__token__");
            if (!token) {
                $warnToast2.fadeIn(100);
                setTimeout(function () {
                    $warnToast2.fadeOut(100);
                }, 1000);
                window.location.href="sign.html";
                return;
            }

            var mode                =2;
            var chwtype             =document.getElementById("chwtype").innerText=="请选择"?"":document.getElementById("chwtype").innerText;
            var chwpingzhong        =document.getElementById("chwpingzhong").value;
            var chwzhong            =document.getElementById("chwzhong").innerText=="请选择"?"":document.getElementById("chwzhong").innerText;
            var chwshuli            =document.getElementById("chwshuli").value;
            var chwlong             =document.getElementById("chwlong").innerText;
            var chwjicity           =document.getElementById("chwjicity").innerText=="请选择"?"":document.getElementById("chwjicity").innerText;
            var chwjinickname       =document.getElementById("chwjinickname").value;
            var chwjiphone          =document.getElementById("chwjiphone").value;
            var chwshoujiguo        =document.getElementById("chwshoujiguo").innerText=="请选择"?"":document.getElementById("chwshoujiguo").innerText;
            var chwshoujinickname   =document.getElementById("chwshoujinickname").value;
            var chwshoujiphone      =document.getElementById("chwshoujiphone").value;
            var chwyunsfun          =chwyunsfun1;
            var chwshangmjc         =chwshangmjc1;
            var chwshangmsc         =chwshangmsc1;
            var chwlzxgoods         =chwlzxgoods1;

            if (chwtype=="") {
                $warnToast.fadeIn(100);
                setTimeout(function () {
                    $warnToast.fadeOut(100);
                }, 1000);
                return;
            }
            if (chwpingzhong=="") {
                $warnToast.fadeIn(100);
                setTimeout(function () {
                    $warnToast.fadeOut(100);
                }, 1000);
                return;
            }
            if (chwzhong=="") {
                $warnToast.fadeIn(100);
                setTimeout(function () {
                    $warnToast.fadeOut(100);
                }, 1000);
                return;
            }
            if (chwshuli=="") {
                $warnToast.fadeIn(100);
                setTimeout(function () {
                    $warnToast.fadeOut(100);
                }, 1000);
                return;
            }
            
            if (chwjicity=="") {
                $warnToast.fadeIn(100);
                setTimeout(function () {
                    $warnToast.fadeOut(100);
                }, 1000);
                return;
            }
            if (chwjinickname=="") {
                $warnToast.fadeIn(100);
                setTimeout(function () {
                    $warnToast.fadeOut(100);
                }, 1000);
                return;
            }
            if (chwjiphone=="") {
                $warnToast.fadeIn(100);
                setTimeout(function () {
                    $warnToast.fadeOut(100);
                }, 1000);
                return;
            }
            if (chwshoujiguo=="") {
                $warnToast.fadeIn(100);
                setTimeout(function () {
                    $warnToast.fadeOut(100);
                }, 1000);
                return;
            }
            if (chwshoujinickname=="") {
                $warnToast.fadeIn(100);
                setTimeout(function () {
                    $warnToast.fadeOut(100);
                }, 1000);
                return;
            }
            if (chwshoujiphone=="") {
                $warnToast.fadeIn(100);
                setTimeout(function () {
                    $warnToast.fadeOut(100);
                }, 1000);
                return;
            }

            var chwxieyi=document.getElementById("switchCP").checked;
            if (chwxieyi==false) {
                $warnToast1.fadeIn(100);
                setTimeout(function () {
                    $warnToast1.fadeOut(100);
                }, 1000);
                return;
            }

            let url=siteConfig.BaseUrl+"/h5/api/?url=xiadan";
            $.post(url,{
                mode:               mode,
                uid:                localStorage.getItem("__token__"),
                chwtype:            chwtype,
                chwpingzhong:       chwpingzhong,
                chwzhong:           chwzhong,
                chwshuli:           chwshuli,
                chwlong:            chwlong,     
                chwjicity:          chwjicity,
                chwjinickname:      chwjinickname,
                chwjiphone:         chwjiphone,
                chwshoujiguo:       chwshoujiguo,
                chwshoujinickname:  chwshoujinickname,
                chwshoujiphone:     chwshoujiphone,
                chwyunsfun:         chwyunsfun1,
                chwshangmjc:        chwshangmjc1,
                chwshangmsc:        chwshangmsc1,
                chwlzxgoods:        chwlzxgoods1
            },function(res){
                $toast.fadeIn(100);
                setTimeout(function () {
                    $toast.fadeOut(100);
                    window.location.href="order.html?id="+res.data;
                }, 500);
            })
        });
    });
    
    $('#showPicker1').on('click', function () {
        weui.picker([{
            label: '请选择',
            // disabled: true,
            value: 0
        }, {
            label: '宠物狗',
            value: 1
        }, {
            label: '宠物猫',
            value: 2
        },{
            label: '鸟类 ',
            
            value: 3
        }, {
            label: '小宠',
            value: 4
        },{
            label: '爬宠',
            value: 5
        },{
            label: '其他',
            value: 6
        }], {
            onChange: function (result) {
                console.log(result);
            },
            onConfirm: function (result) {
                $("#showPicker1 .weui-select").text(result[0].label);
                console.log(result);
            }
            // title: '单列选择器'
        });
    });

    $('#showPicker2').on('click', function () {
        weui.picker([{
            label: '1公斤',
            // disabled: true,
            value: 0
        }, {
            label: '1公斤',
            value: 1
        }, {
            label: '2公斤',
            value: 2
        },{
            label: '3公斤 ',
            
            value: 3
        }, {
            label: '4公斤',
            value: 4
        },{
            label: '5公斤',
            value: 5
        },{
            label: '6公斤',
            value: 6
        },{
            label: '7公斤',
            value: 7
        },{
            label: '8公斤',
            value: 8
        },{
            label: '9公斤',
            value: 9
        },{
            label: '10公斤',
            value: 10
        },{
            label: '11公斤',
            value: 11
        },{
            label: '12公斤',
            value: 12
        },{
            label: '13公斤',
            value: 13
        },{
            label: '14公斤',
            value: 14
        },{
            label: '15公斤',
            value: 15
        },{
            label: '16公斤',
            value: 16
        },{
            label: '17公斤',
            value: 17
        },{
            label: '18公斤',
            value: 18
        },{
            label: '19公斤',
            value: 19
        },{
            label: '20公斤',
            value: 20
        }], {
            onChange: function (result) {
                console.log(result);
            },
            onConfirm: function (result) {
                $("#showPicker2 .weui-select").text(result[0].label);
                console.log(result);
            }
            // title: '单列选择器'
        });
    });
    $('#showPicker3').on('click', function () {
        weui.picker([{
            label: '没有',
            // disabled: true,
            value: 0
        }, {
            label: '有',
            value: 1
        }], {
            onChange: function (result) {
                console.log(result);
            },
            onConfirm: function (result) {
                $("#showPicker3 .weui-select").text(result[0].label);
                console.log(result);
            }
            // title: '单列选择器'
        });
    });
    $('#showPicker4').on('click', function () {
        weui.picker([{
            label: '公',
            // disabled: true,
            value: 0
        }, {
            label: '母',
            value: 1
        }], {
            onChange: function (result) {
                console.log(result);
            },
            onConfirm: function (result) {
                $("#showPicker4 .weui-select").text(result[0].label);
                console.log(result);
            }
            // title: '单列选择器'
        });
    });
    
    $('#showDatePicker').on('click', function () {
        weui.datePicker({
            start: 1990,
            end: new Date().getFullYear(),
            onChange: function (result) {
                console.log(result);
            },
            onConfirm: function (result) {
                $("#showDatePicker .weui-select").text(result[0].label+result[1].label+result[2].label);
                console.log(result);
            }
            // title: '多列选择器'
        });
    });
    $('#showDatePicker1').on('click', function () {
        weui.datePicker({
            start: 1990,
            end: new Date().getFullYear(),
            onChange: function (result) {
                console.log("h"+result);
            },
            onConfirm: function (result) {
                $("#showDatePicker1 .weui-select").text(result[0].label+result[1].label+result[2].label);
                console.log(result);
            }
            // title: '多列选择器'
        });
    });

    $('#showPicker10').on('click', function () {
        weui.picker(cityData, {
            onChange: function (result) {
                console.log(result);
            },
            onConfirm: function (result) {
                $("#showPicker10 .weui-select").text(result[0].label+","+result[1].label+","+result[2].label);
                console.log(result);
            }
            // title: '单列选择器'
        });
    });
    $('#showPicker11').on('click', function () {
        weui.picker(cityData, {
            onChange: function (result) {
                console.log(result);
            },
            onConfirm: function (result) {
                $("#showPicker11 .weui-select").text(result[0].label+","+result[1].label+","+result[2].label);
                console.log(result);
            }
            // title: '单列选择器'
        });
    });
</script>


<script>
    var chwyunsfun1=1;
    var chwshangmjc1=0;
    var chwshangmsc1=0;
    var chwlzxgoods1=0;
    function xz(v){
        $(".weui-icon-checked").removeClass("active");
        $("#xz"+v).addClass("active");
        $(".weui-cell__ft div").removeClass("active");
        $(".weui-cell__ft #xzd"+v).addClass("active");
        if (v==1) {
            $("#msg-01").text("全程空调,专人照顾,旅途安全有保障");
        }else if(v==2){
            $("#msg-01").text("空运, 宠物单独托运");
        }else if(v==3){
            $("#msg-01").text("空运, 宠物与主人一起");
        }else if(v==4){
            $("#msg-01").text("大巴运输");
        }
        chwyunsfun1=v;
    }

    // id="img11" onclick="openid(11)" 
    function openid(vid) {
        if (vid==11) {
            chwshangmjc1=0;
            $("#img12").removeClass("none");
            $("#img"+vid).addClass("none");
        }else if(vid==12){
            chwshangmjc1=1;
            $("#img11").removeClass("none");
            $("#img"+vid).addClass("none");
        }
        if (vid==21) {
            chwshangmsc1=0;
            $("#img22").removeClass("none");
            $("#img"+vid).addClass("none");
        }else if(vid==22){
            chwshangmsc1=1;
            $("#img21").removeClass("none");
            $("#img"+vid).addClass("none");
        }
        if (vid==31) {
            chwlzxgoods1=0;
            $("#img32").removeClass("none");
            $("#img"+vid).addClass("none");
        }else if(vid==32){
            chwlzxgoods1=1;
            $("#img31").removeClass("none");
            $("#img"+vid).addClass("none");
        }
        
    }
</script>







        <!-- <script src="https://weui.io/zepto.min.js"></script>
        <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script src="https://res.wx.qq.com/t/wx_fed/weui.js/res/1.2.17/weui.min.js"></script>
        <script src="https://weui.io/example.js"></script>
        <script src="https://weui.io/wah.js"></script> -->

        <script src="js/zepto.min.js"></script>
        <script type="text/javascript" src="js/jweixin-1.0.0.js"></script>
        <script src="js/weui.min.js"></script>
        <script src="js/example.js"></script>
        <script src="js/wah.js"></script>


        <script type="text/javascript"></script>
        <script type="text/javascript">function wxReady(e){"object"==typeof WeixinJSBridge&&"function"==typeof window.WeixinJSBridge.invoke?e():document.addEventListener("WeixinJSBridgeReady",e,!1)}wxReady(function(){WeixinJSBridge.invoke("getUserConfig",{},function(e){e.isCareMode&&document.body.setAttribute("data-weui-mode","care")})})</script>
    </body>
</html>